<form id="myform">
  <fieldset>
    <h3>Personal details</h3>
 	 <p>
      <label>Name *</label>
      <input type="text" name="name" pattern="[a-zA-Z ]{5,}" maxlength="100" required="required" />
    </p>
   <p>
      <label>Address*</label>
      <textarea name="address" required="required"></textarea>
    </p>
    <p>
      <label>City *</label>
      <input type="text" name="city"  maxlength="100" required="required"  />
    </p>
     <p>
      <label>State*</label>
      <input type="text" name="state" required="required" />
    </p>
     <p>
      <label>Country*</label>
      <input type="text" name="country" required="required" />
    </p>
     <p>
      <label>Email *</label>
      <input type="email" name="email" required="required" />
    </p>
      <p>
      <label>Phone *</label>
      <input type="text" name="phone" required="required" />
    </p>
   
    <p id="terms">
      <label>I accept the terms</label>
      <input type="checkbox" required="required" />
    </p>
    <button type="submit">Submit</button>
  </fieldset>
</form>